Siempre me han atraído las sombras en bordes, imágenes, fuentes, efectos y cualquier cosa que se preste personalizar. Días atrás he añadido sombra en el nombre y numeración en los comentarios, no fue idea mia pero lo vi en el blog de Espineli, me gustó y recordé que había leído una entrada de J.Miur donde hablaba de  la propiedad text-shadow me di una vuelta por esa entrada y me dispuse a experimentar en el nombre de autor y contador de comentarios.

El resultado es el que ahora mismo podéis ver en mis comentarios, aunque mejor pensado añadiré alguna captura por si con el tiempo decido cambiar



Para hacerlo nos situamos en plantilla Edición de HTML y marcamos para expandir la plantilla.
Nos guiaremos buscando la etiqueta <data:commentPostedByMsg/> esa etiqueta es el texto "dijo..." que acompaña al autor del comentario, podemos sustituirla por otro texto o eliminarla. Si se hubiera eliminado con anterioridad no es problema, podemos buscar en su lugar lo siguiente:

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

La siguiente línea es el enlace del autor del comentario cuando está logueado o añade nombre/url
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

Lo que haremos será añadir una clase a la etiqueta span de forma que envuelva el enlace del autor del comentario.
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'> <span class='autorcomentario'><data:comment.author/></span></a>

Un poco más abajo veremos otra vez <data:comment.author/> esta vez sin enlace porque se trata de la etiqueta que muestra el texto de anónimo o nombre/url, repetimos la misma operación de añadir la misma clase con la etiqueta span.
<span class='autorcomentario'> <data:comment.author/></span>

Guardamos los cambios y nos situamos justo antes de ]]></b:skin> allí añadiremos los estilos con la misma clase de la etiqueta span.

.autorcomentario{
color: #940f04;
font-size: 18px;
text-shadow: 3px 3px 3px #505050;
}



La propiedad text-shadow es la que proporciona la sombra, el color que sigue a la propiedad será el color que escogemos para esa sombra, el color de fuente será  el que tenemos definido para los enlaces.
Recomiendo visitar la entrada de Vagabundia porque ofrece otros estilos diferentes para añadir sombra. Nos habla también de un filtro para Explorer con el fin de visualizar las sombras con ese navegador.

Los que tienen añadida la numeración de comentarios también pueden personalizar el contador de comentarios simplemente nos dirigimos a los estilos del contador, sería algo así:

.comentacontador {
otros estilos
.......
.......
text-shadow: 3px 3px 3px #505050;
}
Bonzu Pipinpadaloxicopolis III

Fue una buena idea, igual yo lo vi en donde Espineli y luego contigo, ya lo estoy usando :-)

Responder
Raúl Montero

No está mal, pero tanto en el título como en otros apartados del blog, la sombra no queda del todo bien, porque distorsiona el texto y cuesta leerlo.

Un saludo.

Responder
Enrique

buen tip. gracias gema por este y tantos articulos más q imprescindibles.

Responder
Admin

Gem@ me gustaría ponerle sombra a la fecha de los post, que está muy sosa y también cambiarle la fuente, que fuera la misma de los títulos, como podría hacer eso?
Ahh y en rojo como la que vos tenés ;)
Hablo de Te Propongo...

Besotes :P

Responder
juan_santiago

BESO <3

Responder
Anónimo

¡Muy bueno, como siempre! Muchas gracias!!!

Responder
Patchwork en L´Armentera

Hola Gema, hace tiempo que tengo ganas de cambiar el fondo de mi blog, porque con Mozilla
se borran las fotos y con Explorer las imagenes se salen del encuadre del fondo, en fín muy mal, tengo un blog sobre labores y no encuentro ningun fondo adecuado ¿ me podrias ayudar a encontrar algo bonito como fondo? muchas gracias, te dejo mi url y mi email
http://pilarbujaldon.blogspot.com
pilar.290457@gmail.com

Responder
Unknown

wow, que bonitos van quedando los comentarios. Este fin de semana me sentaré a arreglar los mios :D

Muy bonitos Gem@, saludos :P

Responder
Pequeños Soles de Noe

Gema me encantó y ya lo apliqué, queda sensacional!! ;)
Gracias un abrazo
Noe

Responder
Jaime Trujillo Escobedo

Gema, yo tengo esta propiedad en el título de mis posts desde hace tiempo y es genial ;)

La pena es que no se visualice en Internet Explorer :S. ¡Con lo bien que queda!

Responder
Gem@

yz Manos a la obra Bonzu :)

yz Raúl Montero es cierto que hay que jugar con los colores acordes y el grosor de la sombra para que no ocurra lo que comentas, influye mucho el gusto de cada uno ;)

yz Gracias kike :D

yz k_nelita los estilos de la fecha en los post los encontrarás en
h2.date-header {
background-color:#FBFFEF;
margin:1.5em 0 .5em;
}
Lo encontrarás justo al principio de los estilos de los post puedes añadir text-shadow: 3px 3px 3px #505050; o cualquier otra variante de estilos.
(He visto los otros comentarios en el correo, anoche con la tormenta tuve que apagar el PC, pero después los respondo ;)

yz Hola juan_santiago que tengas un buen día :)

yz Saludos Kareen gracias por comentar ;)

yz Saludos Pilar, el fondo del blog debe ser a gusto del autor, que guarde armonía con el resto del blog y resulte agradable a la vista,
Puedes mirar en la nube donde dice "Diseño" ahí encontrarás páginas, también quería decirte que no necesariamente debe ser una imagen, puede ser una textura, incluso crearla tú misma con un generador (mira también en la nube la etiqueta de generadores) ;)

yz Saludos ΜigueŁ jίмenez™, me alegra te gusten, estaremos pendientes para ver como te quedan :)

yz Hola Noe, me alegra que te guste.
Gracias por comentar amiga :D

yz Hola Jaime, yo veo el efecto muy atractivo con el tie,po nos cansamos de ver lo mismo pero hoy por hoy me gusta.
¿Miraste el filtro para Explorer que habla J.Miur?

Responder
felix

Querida e idolatrada Gemma. Respecto a tu anterior post de "etiquetas relacionadas en miniaturas".Decirte que conseguí colocarlas.Pero me aparecen en las entradas individuales.¿hay forma de que aparezcan en todos los post? Lo he visto en algunos blogs y queda muy bien a la vez que le facilitas el lector a enlaces similares.Gracias muchaaaasss...

Responder
Gem@

yz En tu blog salen en todos los post Felix lo que ocurre que en fecto lo añadiste para que se muestre en las páginas individuales, de todos formas también ezplico en la misma entrada como conseguir que se muestren en la página principal con la opción de mostrarlo justo después del post o de el post-footer ;)

Responder
Gem@

yz en fecto era "en efecto" y ezplico "explico" menuda noche tengo :O

Responder
felix

Nada Gemma. Que no hay manera. Añado el código después de div class='post-footer-line post-footer-line-3 y sigue sin aparecerme en todas las entradas, solo en las individuales??? Gracias,gracias,gracias...

Responder
Admin

Gracias Gem@, estaba esperando tu contestación en mi correo y ahora veo que no me había suscripto :D Podía esperar eternamente ja jaa menos mal que paso frecuentemente por aquí :D
Ahora me pongo a ver que me sale, ese código es en color rojo?
Besotes ;)

Responder
Admin

No gem@ no me sale nada, puse lo que dices y nada, la fecha no se modifica en lo mas mínimo :S
Que haré mal?

Responder
Gem@

yz Felix Casanova Briceño entendí mal tu comentario, lo siento.
Estoy probando la forma de conseguir eso ;)

Responder
Gem@

yz Felix Casanova Briceño, no veo forma de añadirlo porque ya viene con las condicionales, pensaba que depurando un poco esa parte se conseguiría añadir sin expandir la plantilla para de esa forma mostrarlo en la página principal pero no es posible, sin embargo puedes probar el otro que dejo enlace al principio de la entrada, ese instala en un minuto aunque no hay forma de personalizarlo.
Queda así:
http://fortheloveofcooking-recipes.blogspot.com/

Responder
Bonzu Pipinpadaloxicopolis III

Hola Gem@, oye en mi blog se muestra el icono de editar gadget siempre, y digo siempre lo veo en todos los navegadores sin estar loggeado en Blogger, en un blog de pruebas esto no pasa, qué será :-| ?

Y otra cosa, cuando le di Vista previa a este comentario paso algo interesante que no había visto antes.

Responder
Bonzu Pipinpadaloxicopolis III

Lo del gadget es en el de Etiquetas :$

Responder
Gem@

yz K_nelita, tu la fecha no es un enlace no adquiere el color de los enlaces, te aparece en negro porque en fuentes y colores tienes el color negro para texto. Si quieres que se muestre con el texto rojo añade a esos estilos color:#940f04;

Sería algo así:
h2.date-header {
color:#940f04;
font-size: 26px;
margin:1.5em 0 .5em;
text-shadow: 1px 1px 2px #505050;
}

Responder
Gem@

yz Bonzu el acceso a esa herramienta sólo lo tienes tú, pero yo también lo veo :O
Comprueba la url de esa imagen y búscala en tu plantilla por si vieras algo extraño, desde el código fuente yo no puedo verlo :O

¡Funciona el vista previa!!

Responder
Admin

No sale nada gem@ :( hoy no me sale nadaaaa... la fecha no reconoce ni fuentes ni colores de ninguna clase, ni hablar de sombras buaaaa :'(

Responder
Bonzu Pipinpadaloxicopolis III

Eso igual me dejó intrigado Gem@.
Parte del final del código donde se muestra la imagen es:

<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

El código de fuente se muestra normal:

<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4002649070413198245&amp;widgetType=Label&amp;widgetId=Label1&amp;action=editWidget" onclick='return _WidgetManager._PopupConfig(document.getElementById("Label1"));' target="configLabel1" title="Editar">
<img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>

No le veo nada fuera de lo normal, ¿qué será?.

k_nelita (ya voy de metiche) creo que debes buscar en tu plantilla <data:post.dateHeader/> y ver si tiene la clase date-header y la etiqueta h2:
<h2 class='date-header'><data:post.dateHeader/></h2>

Aplicas los estilos de Gem@ y debería funcionar.

A y sí Gem@, funciona el vista previa y ahora lo vi diferente comentando de la manera antigua ;-)

Responder
Admin

Gracias Bonzu, si tengo el data:post.dateHeader/, pero sin el h2, ni class= date... pero igual no se que tendría que hacer con eso, ya había pensado antes que tendría algo que ver eso pero ni idea de que hacer...

Responder
Bonzu Pipinpadaloxicopolis III

Es fácil, buscas <data:post.dateHeader/> y lo reemplazas por <h2 class='date-header'><data:post.dateHeader/></h2> y ahora agregamos los estilos de Gem@

h2.date-header {
color:#940f04;
font-size: 26px;
margin:1.5em 0 .5em;
text-shadow: 1px 1px 2px #505050;
}

Y es todo.

Responder
Admin

Graciaaaas Bonzu!! Al fin!! Ahora si, ya está, le achiqué la fuente porque era gigante pero ahora quedó bárbaro!!
Mil gracias!! ;)

Responder
Mauri

Gem@ .. no me contestaste en la entrada anterior :( ..... please .. help me <3

Responder
felix

Mil gracias Gemma. Ya probé con ese enlace y me vale como queda... Besos

Responder
Marcos Gabriel

Text Shadow se não me engano é uma propriedade do CSS 3.0 logo não pega em todos os navegadores .. no caso o IE que ainda é o que muitos usam, é uma tag bem interessnate proporciona belos efeitos porem para mim não serve ja que eu teria que usar javascript para um resultado igual na maioria dos navegadores.
Mas de qualquer forma , é um belo artificio e sua area de comentarios esta muito bonita parabens :D .

Responder
Gem@

yz Bonzu estuve mirando una plantilla nueva después de hablar contigo, para comprobar posibles diferencias entre tu código y el de una plantilla sin problemas, pero con unas solas líneas que veo no encuentro diferencias.
Hay una solución y es cortar por lo sano el problema, es decir en una plantilla nueva copiar desde:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'> hasta </b:widget> y sustituir esa parte de tu plantilla por la nueva.
Gracias por contestar a k_nelita ;)

yz juan_santiago llevas toda la razón, se hizo tan tarde que me olvidé responder. Voy a verlo ;)

yz Saludos Marcos Gabriel, en efecto no es una propiedad que se visualice en todos los navegadores, sin embargo IE tiene un filtro para solucionar ese problema:
filter:progid:DXImageTransform.Microsoft.Shadow(color=#AABBCC,strength=13, direction=310);
El caso que aún no he conseguido hacer que funcione, puedes verlo
aquí

Responder
Gem@

yz Marcos Gabriel lo siente el enlace está roto mira aquí

Responder
Admin

Gem@ querida no sabés lo lindo que me ha quedado todo lo que le puse las sombras, pero si no se ve con IE estamos fritos :S
Por favor si lográs hacer funcionar ese filtro explica como y donde se pone si? ;)

Besotes;) aún espero respuesta a todas mis preguntas ja ja que pesada no?

Responder
Bonzu Pipinpadaloxicopolis III

Nada Gem@, lo combié y se seguía mostrando a todos :-(

Responder
Anónimo

Hola Gema, no sabia como consultarte una duda, y al final lo hare aqui, aunque se que no es el sitio.
Tengo un blog, http://ajedreznoroeste.blogspot.com/
tengo 3 columnas y no logro poner la del centro con los mismos margenes en izd. y derecha. me gustaria que le echases un vistazo, he probado tocandole a todo y como no se, pues no encuentro solucion.
tienes un pedazo de blog, muchas gracias.

Responder
Gem@

yz K_nelita vi tu blog y ha quedado lindo, eres muy detallista :)
Los otros comentarios los respondí hace unos minutos no sé si quedará alguno atrasado :O

yz Bonzu lo que te dije es lo que yo suelo hacer, quizás si instalas esa plantilla en otro blog de pruebas vemos si el problema es la plantilla o el blog :O

yz Saludos Club Ajedrez Cehegin Enroque
Los márgenes están bien lo que ocurre que el VIDEO CAMPEONATO DE ESPAÑA ABSOLUTO DE AJEDREZ 2009 - 3ª RONDA es demasiado ancho para el espacio que tienes, prueba editarlo y donde dice width="560" añade un valor menor hasta comprobar que no sale de la columna central.
Veamos si con eso se soluciona.

Gracias por el comentario sore el blog.

Responder
Bonzu Pipinpadaloxicopolis III

Esa imagen ya no se muestra en Internet Explorer, sólo la veía en Firefox y Google Chrome.

El problema se repetía en cualquier blog al instalar la plantilla, al regresar a la plantilla Mínima eso no ocurría, incluso el contenido del widget era el mismo y me puse a pensar que quizá sea por el CSS, lo quité y en efecto era por eso :o, lo tengo antes de </head> y son estas:

<!-- ======= Etiquetas ======= -->
<style type='text/css'>
.cloud-label-widget-content {text-align:center;}
.cloud-label-widget-content span {display:inline-table;line-height:1.2;padding:0 0 0 5px;vertical-align:middle;}
.cloud-label-widget-content span a {font-family:Verdana;}
.cloud-label-widget-content span a:hover {color:#FFFFFF !important; text-decoration: none;}
.label-size-1 a {font-size:11px;}
.label-size-2 a {font-size:13px;}
.label-size-3 a {font-size:14px;}
.label-size-4 a {font-size:17px;font-weight:normal;}
.label-size-5 a {font-size:20px;font-weight:bold;}
</style>

Esa imagen está dentro de una etiqueta span y creo que por eso le afectó, quité inline-table; y ya no se muestra para todos. Aparentemente ese era el problema pero no me convence mucho, parece increíble que en todo este tiempo desde que salió la nube de etiquetas no me di cuenta :$.

Responder
Anónimo

muchas gracias Gema, probare con eso, haber que tal, eres muy grande, saludos.

Responder
Gem@

yz Club Ajedrez Cehegin Enroque si no fuera eso la solución me lo haces saber ;)

Responder
Anónimo

Muy bueno Gem@. Au nque yo querria que me ayudases en otra cosa. Quiero eliminar de la tic tas la franja azul de la derecha - esa donde aparecen los archivos y demas enrredos el caso es que no se como puede hacerse (aunque he visto que en algunas plantillas lo han cambiado de color) y tambien si pudiera ser ese gris que aparece a ambos lados del cuerpo del blog y hace el efecto de lebantar la plantilla en relieve.


También quiero poner un menú en la parte inferior de la cabecera. Pero eso más adelante.

Si lo sabes bien de lo contrario pues... gracias de todos modos.

Responder
Mauri

confundido .. estresado :o vi tu respuesta .. creo que es justo lo que yo necesitaba .. <3 .. en un par de días lo aplico, por que ahora no estoy en condiciones de entrar a internet. naa .. gracias por la pasiencia, un beso grande ... GEMA PRESIDENTA!! (yo soy el primero en votar por tí).. jaj! ..

Responder
Mauri

JAJAJ!! .. otro beso <3

Responder
Gem@

yz Unhidalgo esa franja de la derecha y las dos líneas de los extremos son una imagen:
http://www.blogblog.com/tictac_blue/tile_left.gif
Se encuentra en #outer-wrapper y es la imagen de fondo de la plantilla si eliminas esa url y miras en vista previa te darás cuenta que el fondo desaparece.La solución sería crear una imagen de ese mismo tamaño con los colores que tu elijas o añadir otra imagen y ver el efecto.

yz Tómate el tiempo que necesites juan_santiago y sigue con ese buen humor :D

Responder
Unhidalgo

Okey Gem@. Ya te cuento.

Una pregunta ¿tu no duermes o eres del otro lado del Charco aunque aquí ponga que eres de Murcia?

Responder
Cyberprimo

Hatas ahorita que me paso y te tengo que agradecer ya que fui uno de los que estaba molestando preguntando el como ponerle sombra a mis comentarios, en breve me lo aplico XD

Saludos y gracias Gem@

Responder
Unhidalgo

Hola: Y la tengo toda blanca salvo la cabecera que no se como hacer para que ocupe toda la pantalla y en gadget superior que sige azulado (otra imagen supongo).

En que hizo esta plantilla debe ser un poco bastante incordio.

Responder
Unhidalgo

Hola de nuevo: esta vez solo he entrado a saludarte y decirte que la he dejado como estaba porque no me gustaba ver toda la pantalla del mismo color. Si fuese otra plantilla no lo discuto pero esa birria está bien como está.

Saludos y un millón de lo que tú te imagines.

Responder
Gem@

yz Cyberprimo pues si, y yo pensando quien tenía interés pero me traicionó la memoria.
Espero te resulte bien, como verás es muy sencillo de hacer :)

yz Unhidalgo "Si fuese otra plantilla no lo discuto pero esa birria está bien como está"
No voy a juzgar tu plantilla pero imagino que sabes que hay plantillas donde escoger ¿verdad?
En dos pasos te instalas una, descargarla y subir a blog :)
-Sobre el otro comentario... no soy de allá que soy de aquí. De vez en cuando duermo :)

Responder
Unhidalgo

Lo de la pantilla lo se y lo cierto es que no me quita el sueño.

Se que eres de aquí, lo decia porque algunas de tu respuestas me las encontraba por la mañana y yo suelo escribirte a las tantas.

Responder
Gem@

yz Hay días que duermo más pero en general con 5 horas es suficiente :o

Responder
Unhidalgo

"Si tu perfil no está activado añade la url del blog, es imprescindible para poder ayudarte."

Has hecho lo que te dije. Este es el mejor modo de trabajar. Me refiero a tí.

Responder
Gem@

yz Así es, pero no creas que sirve de mucho está como algo ornamental.

Responder
Unhidalgo

Bueno rubia,vamos a dejarlo que tu blog no esta para hablar de bobadas sobre si sí o sobre si no.

Besos y hasta que vuelva a la huerta o a la manga. ¿Que digo? de eso nada.Chao y hasta la proxima.

Responder
Luz

buenas noches, he podido cambiar el nombre, hay forma de quitar la linea que me sale bajo el?
tengo numerado los comentarios pero no consigo encontrar
.comentacontador {, muchas gracias:(

Responder
Luz

ah y como meto la imagen dentro del recuadro, de nuevo gracias

Responder
Gem@

yz No había visto tu comentario Unhidalgo, si no es molestia prefiero me llamen Gem@ o Gema sin la arroba ¿no te importa verdad?

yz Luz, los estilos de comentacontador no están hay que añadirlos.
Para lo referente al avatar mira esta entrada:
http://gemablog-.blogspot.com/2009/09/avatar-en-comentarios.html

Responder
Unhidalgo

No había visto tu comentario.

No hay dos sin tres.

Hasta el siglo que viene.

Responder
Luz

ya puse la imagen dentro, ahora me queda quitar la flechita que sale y poner la numeracion de comentarios a la izquierda y mas grande, graaaaacias.

Responder
Gem@

yz Estupendo Luz :)

Responder
Templo Espiritualista Trinitario de Annan

Hola gem@, buenas noches... quisiera saber cómo podría poner la sombra en el texto de mis entradas, ya que la imagen que tengo de fondo hace que las letras se pierdan y no se distinga bien lo que se lee. en realidad quisiera ponerle sombra a todo el texto del blog... Bueno, gracias y te deseo lo mejor del mundo.:D
www.templodeannan.blogspot.com

Responder
Gem@

:: Templo Espiritualista Trinitario de Annan los estilos para la sombra son estos
text-shadow: 3px 3px 3px #505050;
se pueden cambiar los colores claro está.

Con Explorer la sombra distorsiona mucho por eso es aconsejable añadir
filter: progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF,direction=120,strength=0)!important;

Para añadir la sombra a todo el texto del blog se tendría que añadir en:

body {
background:#fff url(http://img288.imageshack.us/img288/4608/sourcela5.jpg);
background-attachment: fixed;
margin:0;
color:#ffffcc;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
text-shadow: 3px 3px 3px #505050;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF,direction=120,strength=0)!important;

}

Sinceramente no creo que añadiendo sombra resalte más la fuente del blog, en mi opinión para que el texto resalte lo que le vendría bien es añadir una opacidad al contenedor del blog de esa forma admite un color de fuente más oscuro y la lectura sería mucho más agradable.
%% solución 1
%% solución 2

Responder
Gem@

:: Lo siento los emoticones adoptan los códigos, donde va el emoticon sonrieente son los dos puntos : y el cierre de paréntesis )

Responder
Templo Espiritualista Trinitario de Annan

GEM@... Infinitas gracias por tu ayuda, no sabes la emoción que me da de ver que me haz respondido... :$ y es que bueno!... :p es para mi un verdadero honor. En verdad, MIL MIL GRACIAS!:.. se que esto lo lees a diario, pero en verdad quiero que sepas que te admiro mucho y te agradezco de todo corazón por todo lo que representas para todos nosotros, por toda tu generosidad y todo lo que nos ayudas!!! GRACIAS.

Responder
Gem@

:: Templo Espiritualista Trinitario de Annan muy agradecida por sus palabras :)
Espero se solucione el tema de la fuente del blog de no ser así por aquí estamos :)

Responder
Bilosony2™

hola!! GeM@!! Y esto se podria aplicar alas imagenes?? para darles sombra?:)

Responder
Gem@

:: La propiedad text-shadow se puede aplicar a texto, imágenes y bordes entre otros.
Te explico en una entrada ¿ok?

Responder
Bilosony2™

Dale te lo agradeceria bastante :D Enpece hace dos meses cuando hice mi blog y sindarme cuenta me termine adentrando en este mundo de codigos jeje Pero me di cuenta que siempre se aprende algo nuevo je La plantilla basica de blog la pude modificar a mi propio gusto asta dejarla asi http://pintagraff.blogspot.com/ gracias a blogs con ayuda como el tuyo, es bueno que se quiera trasender los conocimientos que uno tiene sobre una materia, es por eso que yo hice mi blog para poder conpartir lo que se y aprendo..;)

Saludos!!:P

Responder
Play

Excelente Gem@ muy bien explicado, lo e implementado en mi Blog ;).

Responder
Gem@

:: Perfecto cargohe :D

Responder
Cocina

Hola Gem@!gracias por este truco,era lo que buscaba!solamente que cuando agregue la propiedad text-shadow a la numeracion se han achicado y no logro agrandarlos podrias decirme como lograrlo??
saludos y gracias

Responder
Gem@

:: Cocofansclub eso ocurre porque se ha añadido una etiqueta de cierre donde no debería haberla, seguramente al copiar y pegar los estilos de la sombra, si la eliminas todo quedará en orden ;)

text-shadow: 3px 3px 3px #9F9F9F;
} <-- esta etiqueta de cierre
margin-top: -3px; /* la posición de los números */

Responder
Cocina

Perfecto Gem@ tema solucionado!!!!:D
muchas gracias!!
clau

Responder
Gem@

:: ;)

Responder
♥ Ana

Holaaaa Gema, ésto también lo he hecho :D, anda que me estoy recorriendo todo tu blog, jajajaja, me encanta lo de las sombritas, voy a leer los comentarios a ver si se pueden poner sombritas en más sitios,¡¡ que chulo queda!!
Muchísimas gracias, fíjate que hace tiempo que miro tus entradas y hasta éstos días no me había decidido a comentarte nada ;), pero, ahora, estoy embalada, jejejejeje
Un abrazo

Responder
Gem@

:: Pues nada aprovecha el tirón que aquí nos gusta hablar con ganas :)

Responder
Cêz

Hola Gema! como no podia resistirme a esa idea, copié y revisé dos veces los códigos, sin embargo, no me salé la sombrita en el nombre del autor incluso modifiqué los valores a ver si presentaba algún cambio. serías tan amable de decirme qué hice mal o acaso me falta otro código? :(

Responder
Gem@

:: No recuerdo la url del blog Céz :S era para el dela plantilla nueva ¿no?

Responder
Cêz

Ah q tontísimo soy!, el blog que yo quería que apariecese la sombrita en el nombre del autor de los comentarios es Asicious

Responder
Gem@

:: ¿Estas seguro que añadiste la etiqueta span en el lugar indicado Céz??

Responder
Cêz

Yo creo que si, porque volví a revisar que el span quede al inicio y final del código, hice una captura para explicarme bien :)
aquí

Y mi css es exactamente igual al tuyo con la diferencia que el texto lo tengo en 17px y sigo sin ver qué falla tengo :S

Responder
Gem@

:: Claro, es que el color de los enlaces en tu blog es de ese color gris
a:link {
color:#b3b3b3;
text-decoration:none;
}

por eso no te coge otro color, prueba a cambiar el color de los enlaces y verás como cambia.

Responder
Cêz

Hola Gema, fijate que estuve pidiendo ayuda a JMiur para tener una segunda explicación y ahora estoy muy confundido porque me le comenté que deseaba la sombra en el nombre del autor de los comentarios y me dice así:

"Pués allí no se ve que el nombre del autor tenga una etiqueta SPAN con esa clase definida. Fíjate en el código fuente que muestra el navegador y veras que la única referencia a .autorcomentario es la regla de estilo y nada más"

y ya no estoy tan seguro de si la pusé en el lugar indicado debido a tu comentario 80 y probé otro color en los enlaces y nada! Tengo alguna medicina para eso? No me importaría separar el color del autor del resto de enlaces -quizas negro y mantener el gris del resto- :S

Responder
Gem@

:: Claro, eso es lo que yo me decía que no veía la etiqueta span, no hay otra cosa que mirar si está en el lugar indicado y para eso es necesario que repases los pasos dados en esta entrada :S
Cambiando el color de los enlaces no conseguirás nada si la etiqueta no está en su sitio.

Responder
Cêz
Este comentario ha sido eliminado por el autor.
Responder
Cêz

Hola Gema, qué crees? ayer estaba pensando mucho en eso (mientras le presté mi pc a mi hno todo el día) qué significaba eso de " La span no esta en su lugar" si releía varias veces tu entrada y caí en cuenta que había otro código igual casi al final de mi plantilla ya expandida, y vi mi error, así que tuve que borrar lo anterior e insertar de nuevo en el otro lugar y guardé los cambios, hurra! la sombra por fin vio la luz :D

Sin embargo, hay un detallito que me inquieta y no sé que tan importante sea para mi blog Asicious, es decir, por intuición eliminé el tar get='_blank'(sin espacios) porque a mi no me dejaba guardar los cambios, porque no tengo éste en mi plantila y siempre me marcaba error, estoy cometiendo un error al borrarlo de ella?

Responder
Gem@

:: Hola Céz, ya decía yo si lo habías colocado en su sitio porque la etiqueta no se veía :O

Es raro que no te permitiera guardar los cambios sería por algún error de sintaxis, lo que hiciste es eliminar la propiedad que hace abrir un enlace en ventana apartem es por lo único que te va a perjudicar por decirlo de alguna forma que el enlace abrirá en el mismo blog.

Responder
Cêz

Gema! cuando leí lo último que dijiste, me asusté porque quien quiere un blog con problemas?! jejeje, así que una vez más busqué con calma el código <a expr:href='data:comment.au... e inserte lo faltante y guardé los cambios! Cielos!!! ya lo conseguí!!!

Gema, de verdad, estoy agradecido por tu valiosa ayuda.

Responder
Gem@

:: Ohhh no te asustes igual yo me expresé bien, por lo único que es motivo de susto es pulsar el botón eliminar blog o que nos diga que ese blog no existe, todo lo demás casi tiene solución :D

Responder
Gem@

:: Quise decir que no me expresé bien :$ las prisas :(

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top